/* ====================
    poptopmenu底部弹窗
 =====================*/
.aui-poptopmenu{
	width: 100vw;
	height: 100vh;
	opacity: 0;	
	position: fixed;
	top: 0;
	left: 0;
	/*z-index: 999;*/
}
.aui-poptopmenu .aui-mask{	
	z-index: 995;
}
.aui-poptopmenu-main{
	width: 100%;
	min-height: 30vh;
	max-height: 60vh;
	overflow: hidden;
	overflow-y: scroll;
	border-radius: 0 0 10px 10px;
	background: #FFF;	
	font-size: 0;	
	position: absolute;
	margin-left: 0;
	top: -50vh;
	z-index: 995;
}
.aui-poptopmenu.show{
	-ms-animation: aui-fade-in .2s ease-out forwards;
	-webkit-animation: aui-fade-in .2s ease-out forwards;
	animation: aui-fade-in .2s ease-out forwards;
}
.aui-poptopmenu.show .aui-mask{
	-ms-animation: aui-fade-in .3s ease-out forwards;
	-webkit-animation: aui-fade-in .3s ease-out forwards;
	animation: aui-fade-in .3s ease-out forwards;
}
.aui-poptopmenu.show .aui-poptopmenu-main{
	-ms-animation: aui-poptopmenu-show .2s ease-out forwards;
	-webkit-animation: aui-poptopmenu-show .2s ease-out forwards;
	animation: aui-poptopmenu-show .2s ease-out forwards;
}
.aui-poptopmenu.hide .aui-mask{
	-ms-animation: aui-fade-out .2s ease-out forwards;
	-webkit-animation: aui-fade-out .2s ease-out forwards;
	animation: aui-fade-out .2s ease-out forwards;
}
.aui-poptopmenu.hide .aui-poptopmenu-main{
	-ms-animation: aui-poptopmenu-hide .2s ease-out forwards;
	-webkit-animation: aui-poptopmenu-hide .2s ease-out forwards;
	animation: aui-poptopmenu-hide .2s ease-out forwards;
}
@-ms-keyframes aui-poptopmenu-show{
	0%{top: -50vh;}
	100%{top: 94px;}
}
@-webkit-keyframes aui-poptopmenu-show{
	0%{top: -50vh;}
	100%{top: 94px;}
}
@keyframes aui-poptopmenu-show{
	0%{top: -50vh;}
	100%{top: 94px;}
}

@-ms-keyframes aui-poptopmenu-hide{
	0%{top: 94px;}
	100%{top: -50vh;}
}
@-webkit-keyframes aui-poptopmenu-hide{
	0%{top: 94px;}
	100%{top: -50vh;}
}
@keyframes aui-poptopmenu-hide{
	0%{top: 94px;}
	100%{top: -50vh;}
}